/* things for table report building, originally developed for TOLL */
.multiColumnWrapper { width: 540px; background-color: red; padding: 0px; margin: 0px; }
.rowOneWrapper { background-color: #FFD013; border-top: 1px solid black; border-bottom: 1px solid black; padding: 0px; margin: 0px;}
.rowOne { float: left; border-left: 1px solid black; width: 132px; padding: 5px; margin: 0px; text-align: center; }
.rowOneEnd { border-left: 1px solid black; border-right: 1px solid black; width: 135px; padding: 5px; margin: 0px; text-align: center; }
.rowWrapper { background-color: #FFFFFF; border-bottom: 1px solid black:}
.row { float: left; background-color: #FFFFFF; border-left: 1px solid black; width: 132px; padding: 2px; margin: 0px;}
.rowEnd { border-left: 1px solid black; border-right: 1px solid black; width: 135px; padding: 2px; margin: 0px;}

/* dual column content or components NOTE: This is NOT the Dual column of Image - Component */
.DualcolumnWrapper { border: 0px; background: ;}
.DualcolumnOne { padding-top: 3px; width: 300px;  background: ;} /* width set to ~half the screen width */
.DualcolumnTwo { width: 25px; background: ; }
.DualcolumnThree { padding-top: 0px; background: ; width: 300px; }

.keComponent .keSection { }
.keSection .keSectionTitle {  
    font-size: 16px;
    font-weight: bold;  
    color: black; 
    border-bottom: 1px solid steelblue;}
.keSection .keSectionContent {
    font-size: 14px; /* size of the font */
    font-weight: normal; /* bolding of content */
    color: black; }
.keSection .keComponent { 
    margin: 10px 0px 0px 10px; }
.keSection .keTitle {  
    font-size: 16px;
    font-weight: bold;  
    color: black; 
    border-bottom: 1px solid steelblue;}
.keSection .keContent {
    font-size: 14px; /* size of the font */
    font-weight: normal; /* bolding of content */
    color: black; }
.keSection .keSectionScore {}

.keComponent .keSelection {}
.keSelection .keTitle {}
.keSelection .keContent {}
.keSelection .keOption {}
.keSelection .keOptionTitle {}
.keSelection .keOptionContent {}
.keSelection .keOptionSelectedContent {
    font-size: 14px; /* size of the font */
    font-weight: normal; /* bolding of content */
    color: black; }
.keSelection .keOptionunSelectedContent {
    font-size: 14px; /* size of the font */
    font-weight: normal; /* bolding of content */
    color: black;  }
        
.keComponent .keParagraph { }
.keParagraph .keTitle { }
.keParagraph .keContent { }

.keComponent .keNumericBox { }
.keNumericBox .keTitle {}
.keNumericBox .keContent {}

.keComponent .keTextBox { }
.keTextBox .keTitle {}
.keTextBox .keContent {}

.keComponent .keCheckBox { }
.keCheckBox .keTitle {}
.keCheckBox .keContent {}
.keCheckBox .keOptionContent {
    font-size: 14px; /* size of the font */
    font-weight: normal; /* bolding of content */
    color: black; }

.keComponent .keMCQ { }
.keMCQ .keTitle {}
.keMCQ .keContent {}
.keMCQ .keOption { }
.Correct {
    font-weight: bold; color: green; }
.inCorrect {
    font-weight: bold; color: red; }
.keMCQ .keOptionContent {
    font-size: 14px; /* size of the font */
    font-weight: normal; /* bolding of content */
    color: black; }

.keScoreLabel {}
.keScore {}

/************************************************************************
GENERIC SPECIFICATIONS FOR COMPONENT VARIABLES NOT OTHERWISE SPEC'D
************************************************************************/
.keBody {
    font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; 
    font-color: black; background-color: white; } /* background color of the whole page */
.keTextInput  {
    font-size: 12px; font-weight: normal; }
.keReference {  
    font-size: 12px; font-weight: bold;  }

/*****************************
Report toolbar specifications
*****************************/
.keToolbar {  
    font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px;
    font-weight: bold; color: Black; border: 1px solid black;
    margin-bottom: 5px; /* puts space under the toolbar, e.g. between it an the first component */
    margin-top: 5px; /* puts space over the toolbar, e.g. between it and the header */
    padding: 5px 5px 5px 10px; /* adds space between toolbar border and buttons */
    background-color: white; }
.keButton  {
    font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; 
    font-weight: bold; display: inline; background-color: #CC0000; 
    color: white; border: 1px solid black; cursor: hand; }
.keToolbarDropDown {
    font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px;
    font-weight: normal; display: inline; background-color: #FFFFFF; 
    color: #999999; border: 1px solid #C0C0C0; cursor: hand; } 
.keDropDown {
    font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px;
    font-weight: normal; display: inline; cursor: hand; } 